<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>场地模块主页面</title>
    <link rel="stylesheet" type="text/css" href="/site_jquery-easyui-1.3.3/themes/default/easyui.css">
    <link rel="stylesheet" type="text/css" href="/site_jquery-easyui-1.3.3/themes/icon.css">
    <script type="text/javascript" src="/site_jquery-easyui-1.3.3/jquery.min.js"></script>
    <script type="text/javascript" src="/site_jquery-easyui-1.3.3/jquery.easyui.min.js"></script>
    <script type="text/javascript" src="/site_jquery-easyui-1.3.3/locale/easyui-lang-zh_CN.js"></script>
    <script type="text/javascript">
        $(function(){
            $("#tree").tree({
                lines:true,
                animate:true,
                url:'site/createtree',
                onLoadSuccess:function(){
                    $("#tree").tree('expandAll');
                },
                //文档加载完成后,为每个权限节点添加点击事件，增加tab
                onClick:function(node){
                    if(node.attributes.authPath){
                        openTab(node);
                    }
                }
            });
            //
            function openTab(node){
                if($("#tabs").tabs("exists",node.text)){
                    $("#tabs").tabs("select",node.text);
                }else{
                    var content="<iframe frameborder=0 scrolling='auto' style='width:100%;height:100%' src=siteViews/"+node.attributes.authPath+">"
                    $("#tabs").tabs("add",{
                        title:node.text,
                        iconCls:node.iconCls,
                        closable:true,
                        content:content
                    });
                }
            }
        });

        //文档加载完成后加载上面代码
    </script>
</head>
<body class="easyui-layout">
<div region="north" style="height: 135px;">
    <table width="100%" height="100%" border="0" cellspacing="0" cellpadding="0">
        <tr>
            <td style="background-color: #056FBD">
            </td>
            <td width="823px" height="100%" style="background:url(/site_img/head.png) ;" >

            </td>
            <td width="532px" height="100%" style="background:url(/site_img/head-right.png) ;" >

            </td>

        </tr>
    </table>
</div>
<div region="center">
    <div class="easyui-tabs" fit="true" border="false" id="tabs">
        <div title="首页" data-options="iconCls:'icon-home'">
            <div align="center" > <img alt="" src="/site_img/main.jpg" style="background-size: contain"> </div>
        </div>
    </div>
</div>
<div region="west" style="width: 185px;padding: 5px;" title="导航菜单" split="true">
    <div class="easyui-accordion" data-options="fit:true,border:false">
        <div title="场地模块"  data-options="iconCls:'icon-student'" style="padding:10px">
            <ul id="tree" class="easyui-tree"></ul>
        </div>
        <div title="其他板块管理"  data-options="iconCls:'icon-roleManage'" style="padding:10px">
        </div>
        <div title="系统设置管理"  data-options="iconCls:'icon-item'" style="padding:10px">

        </div>
    </div>
</div>
<div region="south" style="height:28px;" align="center">
    <a href="http://www.gdou.edu.cn/" target="_blank" style="text-decoration: none;"><font size="3px;">详情请关注海大官网！</font></a>
</div>

</body>
</html>